<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   	<div class="container">
   		<div class="row">
   			<div class="col-xs-12">
   				<div class="modal-content">
   					<div class="modal-header">
   						<h3>XX购物网站</h3>
   					</div>
   				</div>
   			</div>
   			<div class="col-xs-12 col-sm-4" style="margin-top:20px">
   				<div class="modal-content">
   					<div class="modal-header">
   						<h4>登录</h4>
   					</div>
   					<div class="modal-body">
	   					<div class="row">
	   						<div class="col-xs-12">
		   						<div class="form-group">
									<div class="input-group">
										<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
									<input class="form-control" />
									</div>
								</div>
							</div>
							<div class="col-xs-12">
		   						<div class="form-group">
									<div class="input-group">
										<span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
									<input class="form-control" />
									</div>
								</div>
							</div>
						</div>
   					</div>
   					<div class="modal-footer">
   						<button class="btn btn-default" data-toggle="modal" data-target="#ww">登录</button>
   					</div>
   				</div>
   			</div>
   		<div class="col-xs-12 col-sm-8" style="margin-top:20px">
   			<div class="modal-content">
   				<div class="modal-header">
   					<h3>商品</h3>
   				</div>
   				<div class="modal-body">
   					<div class="row">
	   					<div class="col-xs-12 col-sm-6 col-md-4">
	   						<div class="thumbnail">
	   							<img src="t1.jpg"/>
	   							<span class="caption">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
	   						</div>
	   					</div>
	   					<div class="col-xs-12 col-sm-6 col-md-4">
	   						<div class="thumbnail">
	   							<img src="t1.jpg"/>
	   							<span class="caption">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
	   						</div>
	   					</div>
	   					<div class="col-xs-12 col-sm-6 col-md-4">
	   						<div class="thumbnail">
	   							<img src="t1.jpg"/>
	   							<span class="caption">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
	   						</div>
	   					</div>
	   					<div class="col-xs-12 col-sm-6 col-md-4">
	   						<div class="thumbnail">
	   							<img src="t1.jpg"/>
	   							<span class="caption">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
	   						</div>
	   					</div>
	   					<div class="col-xs-12 col-sm-6 col-md-4">
	   						<div class="thumbnail">
	   							<img src="t1.jpg"/>
	   							<span class="caption">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
	   						</div>
	   					</div>
	   					<div class="col-xs-12 col-sm-6 col-md-4">
	   						<div class="thumbnail">
	   							<img src="t1.jpg"/>
	   							<span class="caption">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
	   						</div>
	   					</div>
	   					<div class="col-xs-12 col-sm-6 col-md-4">
	   						<div class="thumbnail">
	   							<img src="t1.jpg"/>
	   							<span class="caption">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
	   						</div>
	   					</div>
	   				</div>
   				</div>
   			</div>
   		</div>
   		</div>
   	</div>
   	<div id="ww" class="modal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <a class="close" data-dismiss="modal">&times;</a>
                        <h1>登录确认</h1>
                    </div>
                    <div class="modal-body">
                        <h3>你确定要马上登录？</h3>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-default" data-dismiss="modal">确认</button>
                        <button class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </div>
            </div>
        </div>
  </body>
</html>